body{
	width: 100%;
}

header {
  display: block;
  width: 100%;
  height: 52px;
  background: #5186a8;
  padding: 15px 10px;
  margin-bottom: 25px;
}

#navbar {
  max-width: 1000px;
  margin: 0 auto;
}

.menubtn {
 position: absolute;
    z-index: 9999;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 0em;
    line-height: 0em;
    top: 50%; 
    transform: translateY(-50%);
    right: 2%;
    background-image: url(../img/hamburger.png);
    background-size: 70%;
    background-repeat: no-repeat;   
    float: left;
}
.menubtn img{
	display: block;
	width: 60%;
}
/** toggle menu **/
body.openmenu {
  /*position: fixed;*/
  overflow: hidden;
}

#pgcontainer {
  padding: 45px 0;
  margin: 0;
}

.overlay {
  position: fixed;
  z-index: 9999;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}


#hamburgermenu {
  height: 100%;
  width: 0;
  background: rgba(0,0,0,0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99991;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  overflow: auto;

}
#hamburgermenu ul {
 
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
   
     text-indent: 37px;
     min-width: 130px;
  position: relative;
}
#hamburgermenu ul li a {
  color: #FFFFFF;
  font-size: 1.2em;
  text-decoration: none;
  text-align: left;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
#hamburgermenu ul li i {
    display: block;
    float: right;
    width: 40px;
    height: 20px;
    font-size: 16px;
    color: #fff;
    line-height: 20px;  
    position: absolute;
    right: 18px;
    top: 8px;
}

#hamburgermenu li a:hover {
  color: #fff;
  background: #2c2c2c;
}
.show_box{
	display: none;
	text-align: left;
	margin-top: 10px;
}
#hamburgermenu ul li .show_box h4{
	font-weight: normal;
}
#hamburgermenu ul li .show_box h4 a{
	text-indent: 48px;
	display: block;
	line-height: 20px;
	margin-top: 5px;
}
.list{width: 100%;;margin:20px auto}
	.list ul li{ border-bottom:0;}
	.list ul li a{padding-left: 10px;color: #fff; font-size:12px; display: block; font-weight:bold; height:36px;line-height: 36px;position: relative;
	}
	.list ul li .inactive{ background:url(../img/up.png) no-repeat center center;}
	.list ul li .inactives{background:url(../img/down.png) no-repeat center center;} 
	.list ul li ul{display: none;}
	.list ul li ul li { border-left:0; border-right:0;}
	.list ul li ul li ul{display: none;}
	.list ul li ul li a{ padding-left:20px;}
	.list ul li ul li ul li { background-color:#d6e6f1; border-color:#6196bb; }
	.last{ background-color:#d6e6f1; border-color:#6196bb; }
	.list ul li ul li ul li a{ color:#316a91; padding-left:30px;}